<!-- XHTML DOCTYPE Declaration -->
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.prime.com.tr/ui">
<h:form>

	<p:growl id="messages" />

	<p:menubar autoSubmenuDisplay="true">
		<p:submenu label="File" icon="ui-icon ui-icon-document">
			<p:submenu label="New" icon="ui-icon ui-icon-contact">
				<p:menuitem value="Project" url="#" helpText="CTRL+N" />
				<p:menuitem value="Other" url="#" helpText="CTRL+O" />
			</p:submenu>
			<p:menuitem value="Open" url="#" />
			<p:menuitem value="Quit" url="#" />
		</p:submenu>

	</p:menubar>

	<h3>Tiered Menu</h3>
	<p:menu type="tiered" style="width:180px">
		<p:submenu label="Ajax Menuitems" icon="ui-icon ui-icon-refresh">
			<p:menuitem value="Save" actionListener="#{buttonBean.save}"
				update="messages" icon="ui-icon ui-icon-disk" />
			<p:menuitem value="Update" actionListener="#{buttonBean.update}"
				update="messages" icon="ui-icon ui-icon-arrowrefresh-1-w" />
		</p:submenu>
		<p:submenu label="Non-Ajax Menuitem" icon="ui-icon ui-icon-newwin">
			<p:menuitem value="Delete" actionListener="#{buttonBean.delete}"
				update="messages" ajax="false" icon="ui-icon ui-icon-close" />
		</p:submenu>
		<p:submenu label="Navigations" icon="ui-icon ui-icon-extlink">
			<p:submenu label="Prime Links">
				<p:menuitem value="Prime" url="http://www.prime.com.tr" />
				<p:menuitem value="PrimeFaces" url="http://www.primefaces.org" />
			</p:submenu>
			<p:menuitem value="TouchFaces" url="#{request.contextPath}/touch" />
		</p:submenu>
	</p:menu>

</h:form>


</html>